<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>订单详情</title>
	<link th:href="@{/css/bootstrap.css}" rel='stylesheet' type='text/css' />
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<!-- Custom Theme files -->
	<link th:href="@{/css/style.css}" rel='stylesheet' type='text/css' />
	<!-- Custom Theme files -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Hotel Deluxe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!--webfont-->
	<script type="text/javascript" th:src="@{/js/jquery-1.11.1.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/login.js}"></script>
	<script th:src="@{/js/jquery.easydropdown.js}"></script>
	<!--Animation-->
	<script th:src="@{/js/wow.min.js}"></script>
	<link th:href="@{/css/animate.css}" rel='stylesheet' type='text/css' />
	<link rel="stylesheet" th:href="@{/bower_components/font-awesome/css/font-awesome.min.css}">
	<!-- Ionicons -->
	<link rel="stylesheet" th:href="@{/bower_components/Ionicons/css/ionicons.min.css}">
	<!-- DataTables -->
	<link rel="stylesheet" th:href="@{/dist/css/AdminLTE.min.css}">
	<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
	<link rel="stylesheet" th:href="@{/dist/css/skins/_all-skins.min.css}">
	<script>
        new WOW().init();
	</script>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="header">
	<div class="col-sm-8 header-left">
		<div class="logo">
			<a href="index.html"><img th:src="@{/images/logo.png}" alt=""/></a>
		</div>
		<div class="menu">
			<a class="toggleMenu" href="#"><img th:src="@{/images/nav.png}" alt="" /></a>
			<ul class="nav" id="nav">
				<li><a th:href="@{/toUserLogin}">首页</a></li>
				<li><a href="news.html">新闻</a></li>
				<li><a th:href="@{/toGallery}">旗下酒店</a></li>
				<li class="active"><a href="/userOrder/userorder">我的订单</a></li>
				<li><a th:href="@{/EditUser/findUserId}">个人中心</a></li>
				<li><a href="404.html">社区</a></li>
				<div class="clearfix"></div>
			</ul>
			<script type="text/javascript" th:src="@{/js/responsive-nav.js}"></script>
		</div>
		<div class="clearfix"></div>
	</div>

	<div class="clearfix"></div>
</div>

<div class="content_top">
	<div class="container">
		<div class="col-md-4 bottom_nav">
			<section class="content-header">
				<ol class="breadcrumb">
					<li><a th:href="@{/toUserLogin}"><i class="fa fa-dashboard"></i>首页</a></li>
					<li><a href="/userOrder/userorder">我的订单</a></li>
					<li class="active">订单详情</li>
				</ol>
			</section>
			<hr>
		</div>
	</div>
</div>
<div class="content_middle">
	<div class="container">
		<div class="col-md-12">
			<table class="table table-hover" id="mytable2">
				<tr>
					<table class="table table-hover">
						<tr>
							<td th:text="'订单编号：'+${order.orderId}"></td>
							<td th:text="'预订日期：'+${#dates.format(order.orderTime,'yyyy/MM/dd HH:mm')}"></td>
							<td>预订方式： 网上预订</td>
							<td th:text="'总金额：'+${order.orderPayMoney}"></td>
						</tr>
					</table>
				</tr>
				<tr>
					<td>&nbsp<b>注:</b><i>该订单在入住期前可退单，一旦逾期将不可退单</i><hr></td>
				</tr>
				<tr>
					<table class="table table-hover">
						<!--<tr>-->
							<!--<td>**酒店相关信息（描述，地址，电话，传真）**</td>-->
						<!--</tr>-->
						<tr>&nbsp<b>房间信息</b></tr>
						<tr>
							<td th:text="'酒店名：'+${order.hotelName}"></td>
							<td th:text="'酒店地址：'+${order.hotelAddress}"></td>
							<td th:text="'酒店电话：'+${order.hotelNumber}"></td>
							<td th:text="'入住日期：'+${#dates.format(order.orderInTime,'yyyy/MM/dd HH:mm')}"></td>
						</tr>
						<tr>
							<td>房型：普通客房</td>
							<td>房间数：1</td>
							<td>最早到店时间：08:00</td>
							<td>最晚到店时间：23:59</td>
						</tr>
						<tr>
							<td>早餐:无</td>
							<td>更多需求：</td>
						</tr>
					</table>
				</tr>
				<tr>
					<table class="table table-hover">
						<tr>&nbsp<b>联系人信息</b></tr>
						<tr>
							<td th:text="'联系人姓名：'+${order.userName}"></td>
							<td th:text="'手机号码：'+${order.userNumber}"></td>
							<td th:text="'E-mail：'+${order.userEmail}"></td>
						</tr>
					</table>
				</tr>
				<tr>
					<table class="table table-hover">
						<tr>&nbsp<b>入住信息</b></tr>
						<tr>
							<td th:text="'入住人：'+${order.userName}">入住人：</td>
						</tr>
					</table>
				</tr>
				<tr>
					<table class="table table-hover">
						<tr>&nbsp<b>支付信息</b></tr>
						<tr>
							<td th:text="'支付状态：'+${order.orderPayStatus}"></td>
						</tr>
					</table>
				</tr>
			</table>
		</div>
	</div>
</div>

<div class="footer">
	<div class="container">
		<div class="footer_top">
			<h3>订阅我们的通知</h3>
			<form>
		<span>
			<i><img th:src="@{/images/mail.png}" alt=""></i>
		    <input type="text" value="请输入您的邮箱地址" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '请输入您的邮箱地址';}">
		    <label class="btn1 btn2 btn-2 btn-2g"> <input name="submit" type="submit" id="submit" value="订阅"> </label>
		    <div class="clearfix"> </div>
		</span>
			</form>
		</div>
		<div class="clearfix"> </div>
	</div>
</div>
</body>
</html>